@import url(../less/common.less);


.cate_left{
	width: 90rem/@baseFontSize;
	background-color: skyblue;
	margin-right: 10rem/@baseFontSize;
	float:left;
	ul{
		width: 100%;
		li{
			width: 100%;
			height: 50rem/@baseFontSize;
			text-align: center;
			background: #f3f4f5;
			line-height: 50rem/@baseFontSize;
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
			a{
				color: #333;
				font-size: 16rem/@baseFontSize;
			}
			&.active {
				background: #fff;
				border-right: none;
			}
			&.active a{
				color: orange;
			}

		}
	}

}
.cate_right{
	overflow: hidden;
	background-color: #f3f4f5;
	margin: 0 10rem/@baseFontSize;
	ul {
		width: 100%;
		li{
			width: 100%/3;	
			float: left;
			padding-top: 10rem/@baseFontSize;
			a{
				display: block;
				width: 100%;
				img{
					display: block;
					width: 66rem/@baseFontSize;
					height: 34rem/@baseFontSize;
					margin:0 auto;
				}
				p{
					text-align: center;
					padding-top: 5rem/@baseFontSize;
					margin: 0;
				}

			}
		}
	}

}

.cate_right{

}